
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CNCS饰品分析系统 - 主页</title>
    <!-- 图标字体 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@6.0.0/css/all.css">
    <!-- 自定义CSS -->
    <link rel="stylesheet" href="/css/styles1.css">
</head>

<body>
<div class="container">
    <header class="header">
        <h1>CNCS饰品数据分析平台</h1>
        <p>实时追踪饰品市场动态</p>
    </header>

    <nav class="nav">
        <ul>
            <li><a href="transaction.jsp">成交榜</a></li>
            <li><a href="rental.jsp">成租榜</a></li>
            <li><a href="increase.jsp">涨幅榜</a></li>
            <li><a href="decrease.jsp">跌幅榜</a></li>
            <li><a href="#">更多功能待研发</a></li>
        </ul>
    </nav>

    <div class="charts-container">
        <!-- 成交榜 -->
        <div class="chart-card">
            <div class="card-header">
                <div class="card-title">欢迎使用CNCS饰品分析平台</div>

            </div>
<%--            <div class="table-container">--%>
<%--                <table class="data-table">--%>
<%--                    <!-- 表格内容与之前一致 -->--%>
<%--                </table>--%>
<%--            </div>--%>
        </div>

        <!-- 其他榜单卡片... -->
    </div>

    <footer class="footer">
        <p>© 2025 CNCS饰品分析系统 | 技术支持：ZX团队 | 更多功能开发中...</p>
    </footer>
</div>
</body>

</html>